/*
    公共CSS样式
 */
import {
    Dimensions,
    PixelRatio
} from 'react-native';

let screenW = Dimensions.get('window').width;
let screenH = Dimensions.get('window').height;

let css = {
    flex: {
        flex: 1,
    },
    center: {
        justifyContent: 'center',
        alignItems: 'center',
    },

    // 字体颜色
    lightcolor: {
        color: '#88898c',
    },

    //粗体
    bold: {
        fontWeight: 'bold'
    },

    //margin 距离
    m5: {
        margin: 5,
    },
    m10: {
        margin: 10,
    },
    m15: {
        margin: 15,
    },
    m20: {
        margin: 15,
    },
    ml5: {
        margin: 5,
    },
    ml10: {
        margin: 10,
    },
    ml15: {
        margin: 15,
    },
    ml20: {
        margin: 15,
    },
    mr5: {
        margin: 5,
    },
    mr10: {
        margin: 10,
    },
    mr15: {
        margin: 15,
    },
    mr20: {
        margin: 15,
    },
    mt5: {
        margin: 5,
    },
    mt10: {
        margin: 10,
    },
    mt15: {
        margin: 15,
    },
    mt20: {
        margin: 15,
    },
    mb5: {
        margin: 5,
    },
    mb10: {
        margin: 10,
    },
    mb15: {
        margin: 15,
    },
    mb20: {
        margin: 15,
    },

    //padding 距离
    p5: {
        margin: 5,
    },
    p10: {
        margin: 10,
    },
    p15: {
        margin: 15,
    },
    p20: {
        margin: 15,
    },
    pl5: {
        margin: 5,
    },
    pl10: {
        margin: 10,
    },
    pl15: {
        margin: 15,
    },
    pl20: {
        margin: 15,
    },
    pr5: {
        margin: 5,
    },
    pr10: {
        margin: 10,
    },
    pr15: {
        margin: 15,
    },
    pr20: {
        margin: 15,
    },
    pt5: {
        margin: 5,
    },
    pt10: {
        margin: 10,
    },
    pt15: {
        margin: 15,
    },
    pt20: {
        margin: 15,
    },
    pb5: {
        margin: 5,
    },
    pb10: {
        margin: 10,
    },
    pb15: {
        margin: 15,
    },
    pb20: {
        margin: 15,
    },

    //字体大小
    fs12: {
        fontSize: 12,
    },
    fs14: {
        fontSize: 14,
    },
    fs16: {
        fontSize: 16,
    },
    fs18: {
        fontSize: 18,
    },

    //border 边框
    bd: {
        borderStyle: 'solid',
        borderColor: '#88898c',
        borderWidth: 1 / PixelRatio.get()
    },
    bdt: {
        borderStyle: 'solid',
        borderColor: '#88898c',
        borderWidth: 1 / PixelRatio.get()
    },
    bdr: {
        borderStyle: 'solid',
        borderColor: '#88898c',
        borderWidth: 1 / PixelRatio.get()
    },
    bdb: {
        borderStyle: 'solid',
        borderColor: '#88898c',
        borderWidth: 1 / PixelRatio.get()
    },
    bdl: {
        borderStyle: 'solid',
        borderColor: '#88898c',
        borderWidth: 1 / PixelRatio.get()
    },

    // border-radius
    br3: {
        borderRadius: 3
    },
    br5: {
        borderRadius: 5
    },
    br8: {
        borderRadius: 8
    },
    br10: {
        borderRadius: 10
    },
}

export default css